.consult{
    padding:70px 5%;
    max-width:600px;
    margin:auto;
    text-align:center;
    }
    
    .consult h2{
    color:#d4af37;
    margin-bottom:25px;
    }
    
    /* FORM BOX */
    #consultForm{
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(10px);
    padding:25px;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    }
    
    /* FIELD */
    .field{
    position:relative;
    margin-bottom:18px;
    }
    
    .field input,
    .field textarea,
    .field select{
    width:100%;
    padding:12px;
    border:none;
    border-radius:8px;
    background:#f3f3f3;
    font-size:14px;
    outline:none;
    }
    
    /* FLOAT LABEL */
    .field label{
    position:absolute;
    left:12px;
    top:12px;
    color:#777;
    font-size:13px;
    pointer-events:none;
    transition:0.2s;
    }
    
    .field input:focus + label,
    .field textarea:focus + label,
    .field input:not(:placeholder-shown) + label,
    .field textarea:not(:placeholder-shown) + label{
    top:-8px;
    font-size:11px;
    color:#d4af37;
    background:white;
    padding:0 5px;
    }
    
    /* BUTTON */
    .send{
    width:100%;
    padding:12px;
    border:none;
    border-radius:30px;
    background:linear-gradient(45deg,#0f5132,#d4af37);
    color:white;
    font-size:15px;
    cursor:pointer;
    transition:0.3s;
    }
    
    .send:hover{
    transform:scale(1.05);
    }
    .form-pro{
        max-width:550px;
        margin:auto;
        padding:70px 5%;
        text-align:center;
        }
        
        /* PROGRESS */
        .progress{
        height:6px;
        background:#eee;
        border-radius:20px;
        margin-bottom:20px;
        overflow:hidden;
        }
        
        #bar{
        height:100%;
        width:50%;
        background:linear-gradient(45deg,#0f5132,#d4af37);
        transition:0.3s;
        }
        
        /* FORM */
        #proForm{
        background:rgba(255,255,255,0.85);
        backdrop-filter:blur(12px);
        padding:25px;
        border-radius:16px;
        box-shadow:0 10px 25px rgba(0,0,0,0.1);
        }
        
        /* STEP */
        .step{
        display:none;
        animation:fade 0.3s;
        }
        
        .step.active{
        display:block;
        }
        
        @keyframes fade{
        from{opacity:0;transform:translateX(20px)}
        to{opacity:1;transform:translateX(0)}
        }
        
        /* INPUT */
        .step input,
        .step select,
        .step textarea{
        width:100%;
        padding:12px;
        margin-bottom:12px;
        border:none;
        border-radius:8px;
        background:#f2f2f2;
        }
        
        /* BUTTON */
        button{
        padding:10px 18px;
        border:none;
        border-radius:25px;
        cursor:pointer;
        background:#0f5132;
        color:white;
        }
        
        .nav-btn{
        display:flex;
        justify-content:space-between;
        }
        
        /* SUCCESS */
        #successBox{
        position:fixed;
        bottom:30px;
        left:50%;
        transform:translateX(-50%);
        background:#0f5132;
        color:white;
        padding:12px 20px;
        border-radius:30px;
        opacity:0;
        transition:0.4s;
        }
        
        #successBox.show{
        opacity:1;
        }